<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en"><!--<![endif]--><!-- BEGIN HEAD --><head>
	<meta charset="utf-8">
	<title>Conquer | Visual Charts</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<meta content="" name="description">
	<meta content="" name="author">
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
	<link href="css/font-awesome.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
	<link href="css/style_responsive.css" rel="stylesheet">
	<link href="css/style_default.css" rel="stylesheet" id="style_color">
	<link href="#" rel="stylesheet" id="style_metro">
	<link rel="stylesheet" type="text/css" href="css/uniform.default.css">
	<link href="css/jquery.fancybox.css" rel="stylesheet">
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="fixed-top">
	<!-- BEGIN HEADER -->
	<div id="header" class="navbar navbar-inverse navbar-fixed-top">
		<!-- BEGIN TOP NAVIGATION BAR -->
		<div class="navbar-inner">
			<div class="container-fluid">
				<!-- BEGIN LOGO -->
				<a class="brand" href="index.html">
				<img src="images/logo.png" alt="Conquer">
				</a>
				<!-- END LOGO -->
				<!-- BEGIN RESPONSIVE MENU TOGGLER -->
				<a class="btn btn-navbar collapsed" id="main_menu_trigger" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="arrow"></span>
				</a>          
				<!-- END RESPONSIVE MENU TOGGLER -->				
				<div class="top-nav">
					<!-- BEGIN QUICK SEARCH FORM -->
					<form class="navbar-search hidden-phone">
						<div class="search-input-icon">
							<input type="text" class="search-query dropdown-toggle" id="quick_search" placeholder="Search" data-toggle="dropdown">
							<i class="icon-search"></i>
							<!-- BEGIN QUICK SEARCH RESULT PREVIEW -->
							<ul class="dropdown-menu extended">								
								<li>
									<span class="arrow"></span>
									<p>Found 23 results</p>
								</li>
								<li>
									<a href="#">
									<span class="label label-success"><i class="icon-user"></i></span>
									Nick Kim, Technical Mana...<i class="icon icon-arrow-right"></i>
									</a>
								</li>
								<li>
									<a href="#">
									<span class="label label-info"><i class="icon-money"></i></span>
									Anual Report,Dec 20...<i class="icon icon-arrow-right"></i>
									</a>
								</li>
								<li>
									<a href="#">
									<span class="label label-warning"><i class="icon-comment"></i></span>
									Re: Nick Dalton, Sep 11:...<i class="icon icon-arrow-right"></i>
									</a>
								</li>
								<li>
									<a href="#">
									<span class="label label-important"><i class="icon-bullhorn"></i></span>
									Office Setup, Mar 12...<i class="icon icon-arrow-right"></i>
									</a>
								</li>
								<li>
									<a href="#">
									<span class="label label-info"><i class="icon-envelope"></i></span>
									Re: Order Status, Jan 12...<i class="icon icon-arrow-right"></i>
									</a>
								</li>
								<li>
									<a href="#">
									<span class="label label-info"><i class="icon-paper-clip"></i></span>
									project_2011.docx, Feb 12...<i class="icon icon-arrow-right"></i>
									</a>
								</li>
								<li>
									<a href="#">
									See all results...
									</a>
								</li>
							</ul>
							<!-- END QUICK SEARCH RESULT PREVIEW -->
						</div>
					</form>
					<!-- END QUICK SEARCH FORM -->
					<!-- BEGIN TOP NAVIGATION MENU -->					
					<ul class="nav pull-right" id="top_menu">
						<!-- BEGIN NOTIFICATION DROPDOWN -->	
						<li class="dropdown" id="header_notification_bar">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="icon-warning-sign"></i>
							<span class="label label-important">15</span>
							</a>
							<ul class="dropdown-menu extended notification">
								<li>
									<p>You have 14 new notifications</p>
								</li>
								<li>
									<a href="#">
									<span class="label label-success"><i class="icon-plus"></i></span>
									New user registered. 
									<span class="small italic">Just now</span>
									</a>
								</li>
								<li>
									<a href="#">
									<span class="label label-important"><i class="icon-bolt"></i></span>
									Server #12 overloaded. 
									<span class="small italic">15 mins</span>
									</a>
								</li>
								<li>
									<a href="#">
									<span class="label label-warning"><i class="icon-bell"></i></span>
									Server #2 not respoding.
									<span class="small italic">22 mins</span>
									</a>
								</li>
								<li>
									<a href="#">
									<span class="label label-info"><i class="icon-bullhorn"></i></span>
									Application error.
									<span class="small italic">40 mins</span>
									</a>
								</li>
								<li>
									<a href="#">
									<span class="label label-important"><i class="icon-bolt"></i></span>
									Database overloaded 68%. 
									<span class="small italic">2 hrs</span>
									</a>
								</li>
								<li>
									<a href="#">
									<span class="label label-important"><i class="icon-bolt"></i></span>
									2 user IP addresses blacklisted.
									<span class="small italic">5 hrs</span>
									</a>
								</li>
								<li>
									<a href="#">See all notifications</a>
								</li>
							</ul>
						</li>
						<!-- END NOTIFICATION DROPDOWN -->
						<!-- BEGIN INBOX DROPDOWN -->
						<li class="dropdown" id="header_inbox_bar">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="icon-envelope-alt"></i>
							<span class="label label-success">5</span>
							</a>
							<ul class="dropdown-menu extended inbox">
								<li>
									<p>You have 12 new messages</p>
								</li>
								<li>
									<a href="#">
									<span class="photo"><img src="images/avatar-mini.png" alt="avatar"></span>
									<span class="subject">
									<span class="from">Lisa Wong</span>
									<span class="time">Just Now</span>
									</span>
									<span class="message">
									Vivamus sed auctor nibh congue nibh.
									</span>  
									</a>
								</li>
								<li>
									<a href="#">
									<span class="photo"><img src="images/avatar-mini.png" alt="avatar"></span>
									<span class="subject">
									<span class="from">Alina Fionovna</span>
									<span class="time">16 mins</span>
									</span>
									<span class="message">
									Vivamus sed auctor nibh congue.
									</span>  
									</a>
								</li>
								<li>
									<a href="#">
									<span class="photo"><img src="images/avatar-mini.png" alt="avatar"></span>
									<span class="subject">
									<span class="from">Mila Rock</span>
									<span class="time">2 hrs</span>
									</span>
									<span class="message">
									Vivamus sed auctor nibh congue.
									</span>  
									</a>
								</li>
								<li>
									<a href="#">See all messages</a>
								</li>
							</ul>
						</li>
						<!-- END INBOX DROPDOWN -->
						<li class="divider-vertical hidden-phone hidden-tablet"></li>
						<!-- BEGIN USER LOGIN DROPDOWN -->
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="icon-wrench"></i>
							<b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li><a href="#"><i class="icon-cogs"></i> System Settings</a></li>
								<li><a href="#"><i class="icon-pushpin"></i> Shortcuts</a></li>
								<li><a href="#"><i class="icon-trash"></i> Trash</a></li>								
							</ul>
						</li>
						<!-- END USER LOGIN DROPDOWN -->
						<li class="divider-vertical hidden-phone hidden-tablet"></li>
						<!-- BEGIN USER LOGIN DROPDOWN -->
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="icon-user"></i>
							<b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li><a href="#"><i class="icon-user"></i> Mark King</a></li>
								<li><a href="#"><i class="icon-envelope-alt"></i> Inbox</a></li>
								<li><a href="#"><i class="icon-tasks"></i> Tasks</a></li>
								<li><a href="#"><i class="icon-ok"></i> Calendar</a></li>
								<li class="divider"></li>
								<li><a href="login.html"><i class="icon-key"></i> Log Out</a></li>
							</ul>
						</li>
						<!-- END USER LOGIN DROPDOWN -->
					</ul>
					<!-- END TOP NAVIGATION MENU -->	
				</div>
			</div>
		</div>
		<!-- END TOP NAVIGATION BAR -->
	</div>
	<!-- END HEADER -->
	<!-- BEGIN CONTAINER -->	
	<div id="container" class="row-fluid">
		<!-- BEGIN SIDEBAR -->
		<div id="sidebar" class="nav-collapse collapse">

			<div class="sidebar-toggler hidden-phone"></div>	

			<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
			<div class="navbar-inverse">
				<form class="navbar-search visible-phone">
					<input type="text" class="search-query" placeholder="Search">
				</form>
			</div>
			<!-- END RESPONSIVE QUICK SEARCH FORM -->
			<!-- BEGIN SIDEBAR MENU -->
			<ul>
				<li>
					<a href="index.html">
					<i class="icon-home"></i> Dashboard
					</a>					
				</li>
				<li class="has-sub">
					<a href="javascript:;">
					<i class="icon-bookmark-empty"></i> UI Elements
					<span class="arrow"></span>
					</a>
					<ul class="sub">
						<li><a href="ui_elements_general.html">General</a></li>
						<li><a href="ui_elements_buttons.html">Buttons</a></li>
						<li><a href="ui_elements_tabs_accordions.html">Tabs &amp; Accordions</a></li>
						<li><a href="ui_elements_typography.html">Typography</a></li>
					</ul>
				</li>
				<li class="has-sub">
					<a href="javascript:;">
					<i class="icon-cogs"></i> Form Stuff
					<span class="arrow"></span>
					</a>
					<ul class="sub">
						<li><a href="form_layout.html">Form Layouts</a></li>
						<li><a href="form_component.html">Form Components</a></li>
						<li><a href="form_wizard.html">Form Wizard</a></li>
						<li><a href="form_validation.html">Form Validation</a></li>
					</ul>
				</li>
				<li class="has-sub">
	               <a href="javascript:;">
	               <i class="icon-table"></i> Data Tables
	               <span class="arrow"></span>
	               </a>
	               <ul class="sub">
	                  <li><a href="table_basic.html">Basic Tables</a></li>
	                  <li><a href="table_advance.html">Advance Tables</a></li>
	               </ul>
	            </li>
				<li><a href="grids.html"><i class="icon-th"></i> Grids &amp; Portlets</a></li>
				<li class="active"><a href="charts.html"><i class="icon-bar-chart"></i> Visual Charts</a></li>
				<li class="has-sub">
					<a href="javascript:;">
					<i class="icon-map-marker"></i> Maps
					<span class="arrow"></span>
					</a>
					<ul class="sub">
						<li><a href="maps_google.html"> Google Maps</a></li>
						<li><a href="maps_vector.html"> Vector Maps</a></li>
					</ul>
				</li>
				<li><a href="calendar.html"><i class="icon-ok"></i> Calendar</a></li>
				<li><a href="gallery.html"><i class="icon-camera"></i> Gallery</a></li>
				<li class="has-sub">
					<a href="javascript:;">
					<i class="icon-plane"></i> Sample Pages
					<span class="arrow"></span>
					</a>
					<ul class="sub">						
						<li><a href="sample_blank.html">Blank Page</a></li>
						<li><a href="sample_sidebar_closed.html">Sidebar Closed Page</a></li>
						<li><a href="sample_pricing_tables.html">Pricing Tables</a></li>
						<li><a href="sample_faq.html">FAQ</a></li>
					</ul>
				</li>
				<li><a href="login.html"><i class="icon-user"></i> Login Page</a></li>
			</ul>
			<!-- END SIDEBAR MENU -->
		</div>
		<!-- END SIDEBAR -->
		<!-- BEGIN PAGE -->
		<div id="body">
			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<div id="widget-config" class="modal hide">
				<div class="modal-header">
					<button data-dismiss="modal" class="close" type="button">×</button>
					<h3>Widget Settings</h3>
				</div>
				<div class="modal-body">
					<p>Here will be a configuration form</p>
				</div>
			</div>
			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<!-- BEGIN PAGE CONTAINER-->
			<div class="container-fluid">
				<!-- BEGIN PAGE HEADER-->	    
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN STYLE CUSTOMIZER-->
						<div id="styler" class="hidden-phone">
							<i class="icon-cog"></i>
							<span class="settings">
								<span class="text">Style:</span>
								<span class="colors">
									<span class="color-default" data-style="default">
									</span>
									<span class="color-grey" data-style="grey">
									</span>
									<span class="color-navygrey" data-style="navygrey">
									</span>											
									<span class="color-red" data-style="red">
									</span>	
								</span>
								<span class="layout">
									<label class="hidden-phone">
									<div class="checker" id="uniform-undefined"><span class="checked"><input type="checkbox" class="header" checked="" value="" style="opacity: 0;"></span></div>Sticky Header
									</label><br>
									<label><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="metro" value="" style="opacity: 0;"></span></div>Metro Style</label>
								</span>
							</span>
						</div>
						<!-- END STYLE CUSTOMIZER-->     	
						<!-- BEGIN PAGE TITLE & BREADCRUMB-->				    			
						<h3 class="page-title">
							Visual Charts
							<small>Interactive  charts and graphs</small>
						</h3>
						<ul class="breadcrumb">
							<li>
								<i class="icon-home"></i>
								<a href="#">Home</a> <span class="divider">/</span>
							</li>
							<li><a href="#">Charts &amp; Graphs</a></li>
						</ul>
						<!-- END PAGE TITLE & BREADCRUMB-->
					</div>
				</div>
				<!-- END PAGE HEADER-->
				<!-- BEGIN PAGE CONTENT-->
				<div id="page">
					<!-- BEGIN BASIC CHART PORTLET-->
					<div class="widget">
						<div class="widget-title">
							<h4><i class="icon-reorder"></i>Basic Chart</h4>
							<span class="tools">								
							<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
							<a href="javascript:;" class="icon-refresh"></a>		
							<a href="javascript:;" class="icon-remove"></a>
							</span>							
						</div>
						<div class="widget-body">
							<div id="chart_1" class="chart" style="padding: 0px; position: relative;"><canvas class="base" width="1062" height="300"></canvas><canvas class="overlay" width="1062" height="300" style="position: absolute; left: 0px; top: 0px;"></canvas><div class="tickLabels" style="font-size:smaller"><div class="xAxis x1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:center;left:-80px;top:280px;width:212px">0.0</div><div class="tickLabel" style="position:absolute;text-align:center;left:179px;top:280px;width:212px">π/2</div><div class="tickLabel" style="position:absolute;text-align:center;left:439px;top:280px;width:212px">π</div><div class="tickLabel" style="position:absolute;text-align:center;left:698px;top:280px;width:212px">3π/2</div></div><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:263px;right:1043px;width:19px">-2.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:229px;right:1043px;width:19px">-1.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:196px;right:1043px;width:19px">-1.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:162px;right:1043px;width:19px">-0.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:129px;right:1043px;width:19px">0.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:95px;right:1043px;width:19px">0.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:61px;right:1043px;width:19px">1.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:28px;right:1043px;width:19px">1.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:-6px;right:1043px;width:19px">2.0</div></div></div><div class="legend"><div style="position: absolute; width: 54px; height: 66px; top: 9px; right: 9px; background-color: rgb(255, 255, 255); opacity: 0.85;"> </div><table style="position:absolute;top:9px;right:9px;;font-size:smaller;color:#545454"><tbody><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(237,194,64);overflow:hidden"></div></div></td><td class="legendLabel">sin(x)</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(175,216,248);overflow:hidden"></div></div></td><td class="legendLabel">cos(x)</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(203,75,75);overflow:hidden"></div></div></td><td class="legendLabel">tan(x)</td></tr></tbody></table></div></div>
						</div>
					</div>
					<!-- END BASIC CHART PORTLET-->
					<!-- BEGIN INTERACTIVE CHART PORTLET-->
					<div class="widget">
						<div class="widget-title">
							<h4><i class="icon-reorder"></i>Interactive Chart</h4>
							<span class="tools">								
							<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
							<a href="javascript:;" class="icon-refresh"></a>		
							<a href="javascript:;" class="icon-remove"></a>
							</span>							
						</div>
						<div class="widget-body">
							<div id="chart_2" class="chart" style="padding: 0px; position: relative;"><canvas class="base" width="1062" height="300"></canvas><canvas class="overlay" width="1062" height="300" style="position: absolute; left: 0px; top: 0px;"></canvas><div class="tickLabels" style="font-size:smaller"><div class="xAxis x1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:center;left:26px;top:280px;width:66px">2</div><div class="tickLabel" style="position:absolute;text-align:center;left:97px;top:280px;width:66px">4</div><div class="tickLabel" style="position:absolute;text-align:center;left:168px;top:280px;width:66px">6</div><div class="tickLabel" style="position:absolute;text-align:center;left:240px;top:280px;width:66px">8</div><div class="tickLabel" style="position:absolute;text-align:center;left:311px;top:280px;width:66px">10</div><div class="tickLabel" style="position:absolute;text-align:center;left:383px;top:280px;width:66px">12</div><div class="tickLabel" style="position:absolute;text-align:center;left:454px;top:280px;width:66px">14</div><div class="tickLabel" style="position:absolute;text-align:center;left:525px;top:280px;width:66px">16</div><div class="tickLabel" style="position:absolute;text-align:center;left:597px;top:280px;width:66px">18</div><div class="tickLabel" style="position:absolute;text-align:center;left:668px;top:280px;width:66px">20</div><div class="tickLabel" style="position:absolute;text-align:center;left:739px;top:280px;width:66px">22</div><div class="tickLabel" style="position:absolute;text-align:center;left:811px;top:280px;width:66px">24</div><div class="tickLabel" style="position:absolute;text-align:center;left:882px;top:280px;width:66px">26</div><div class="tickLabel" style="position:absolute;text-align:center;left:954px;top:280px;width:66px">28</div><div class="tickLabel" style="position:absolute;text-align:center;left:1025px;top:280px;width:66px">30</div></div><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:265px;right:1044px;width:18px">0</div><div class="tickLabel" style="position:absolute;text-align:right;top:244px;right:1044px;width:18px">10</div><div class="tickLabel" style="position:absolute;text-align:right;top:223px;right:1044px;width:18px">20</div><div class="tickLabel" style="position:absolute;text-align:right;top:202px;right:1044px;width:18px">30</div><div class="tickLabel" style="position:absolute;text-align:right;top:182px;right:1044px;width:18px">40</div><div class="tickLabel" style="position:absolute;text-align:right;top:161px;right:1044px;width:18px">50</div><div class="tickLabel" style="position:absolute;text-align:right;top:140px;right:1044px;width:18px">60</div><div class="tickLabel" style="position:absolute;text-align:right;top:119px;right:1044px;width:18px">70</div><div class="tickLabel" style="position:absolute;text-align:right;top:98px;right:1044px;width:18px">80</div><div class="tickLabel" style="position:absolute;text-align:right;top:77px;right:1044px;width:18px">90</div><div class="tickLabel" style="position:absolute;text-align:right;top:57px;right:1044px;width:18px">100</div><div class="tickLabel" style="position:absolute;text-align:right;top:36px;right:1044px;width:18px">110</div><div class="tickLabel" style="position:absolute;text-align:right;top:15px;right:1044px;width:18px">120</div><div class="tickLabel" style="position:absolute;text-align:right;top:-6px;right:1044px;width:18px">130</div></div></div><div class="legend"><div style="position: absolute; width: 85px; height: 44px; top: 9px; right: 9px; background-color: rgb(255, 255, 255); opacity: 0.85;"> </div><table style="position:absolute;top:9px;right:9px;;font-size:smaller;color:#545454"><tbody><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(209,38,16);overflow:hidden"></div></div></td><td class="legendLabel">Unique Visits</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(55,183,243);overflow:hidden"></div></div></td><td class="legendLabel">Page Views</td></tr></tbody></table></div></div>
						</div>
					</div>
					<!-- END INTERACTIVE CHART PORTLET-->
					<!-- BEGIN TRACKING CURVES PORTLET-->
					<div class="widget">
						<div class="widget-title">
							<h4><i class="icon-reorder"></i>Tracking Curves</h4>
							<span class="tools">								
							<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
							<a href="javascript:;" class="icon-refresh"></a>		
							<a href="javascript:;" class="icon-remove"></a>
							</span>							
						</div>
						<div class="widget-body">
							<div id="chart_3" class="chart" style="padding: 0px; position: relative;"><canvas class="base" width="1062" height="300"></canvas><canvas class="overlay" width="1062" height="300" style="position: absolute; left: 0px; top: 0px;"></canvas><div class="tickLabels" style="font-size:smaller"><div class="xAxis x1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:center;left:-9px;top:280px;width:70px">0</div><div class="tickLabel" style="position:absolute;text-align:center;left:65px;top:280px;width:70px">1</div><div class="tickLabel" style="position:absolute;text-align:center;left:138px;top:280px;width:70px">2</div><div class="tickLabel" style="position:absolute;text-align:center;left:212px;top:280px;width:70px">3</div><div class="tickLabel" style="position:absolute;text-align:center;left:286px;top:280px;width:70px">4</div><div class="tickLabel" style="position:absolute;text-align:center;left:360px;top:280px;width:70px">5</div><div class="tickLabel" style="position:absolute;text-align:center;left:433px;top:280px;width:70px">6</div><div class="tickLabel" style="position:absolute;text-align:center;left:507px;top:280px;width:70px">7</div><div class="tickLabel" style="position:absolute;text-align:center;left:581px;top:280px;width:70px">8</div><div class="tickLabel" style="position:absolute;text-align:center;left:654px;top:280px;width:70px">9</div><div class="tickLabel" style="position:absolute;text-align:center;left:728px;top:280px;width:70px">10</div><div class="tickLabel" style="position:absolute;text-align:center;left:802px;top:280px;width:70px">11</div><div class="tickLabel" style="position:absolute;text-align:center;left:876px;top:280px;width:70px">12</div><div class="tickLabel" style="position:absolute;text-align:center;left:949px;top:280px;width:70px">13</div></div><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:241px;right:1043px;width:19px">-1.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:185px;right:1043px;width:19px">-0.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:129px;right:1043px;width:19px">0.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:72px;right:1043px;width:19px">0.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:16px;right:1043px;width:19px">1.0</div></div></div><div class="legend"><div style="position: absolute; width: 91px; height: 44px; top: 9px; right: 9px; background-color: rgb(255, 255, 255); opacity: 0.85;"> </div><table style="position:absolute;top:9px;right:9px;;font-size:smaller;color:#545454"><tbody><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(237,194,64);overflow:hidden"></div></div></td><td class="legendLabel" style="width: 69px;">sin(x) = -0.32</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(175,216,248);overflow:hidden"></div></div></td><td class="legendLabel" style="width: 69px;">cos(x) = 0.95</td></tr></tbody></table></div></div>
						</div>
					</div>
					<!-- END TRACKING CURVES PORTLET-->
					<!-- BEGIN DYNAMIC CHART PORTLET-->
					<div class="widget">
						<div class="widget-title">
							<h4><i class="icon-reorder"></i>Dynamic Chart</h4>
							<span class="tools">
							<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
							<a href="javascript:;" class="icon-refresh"></a>		
							<a href="javascript:;" class="icon-remove"></a>
							</span>							
						</div>
						<div class="widget-body">
							<div id="chart_4" class="chart" style="padding: 0px; position: relative;"><canvas class="base" width="1062" height="300"></canvas><canvas class="overlay" width="1062" height="300" style="position: absolute; left: 0px; top: 0px;"></canvas><div class="tickLabels" style="font-size:smaller"><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:286px;right:1034px;width:28px">0%</div><div class="tickLabel" style="position:absolute;text-align:right;top:228px;right:1034px;width:28px">20%</div><div class="tickLabel" style="position:absolute;text-align:right;top:169px;right:1034px;width:28px">40%</div><div class="tickLabel" style="position:absolute;text-align:right;top:111px;right:1034px;width:28px">60%</div><div class="tickLabel" style="position:absolute;text-align:right;top:52px;right:1034px;width:28px">80%</div><div class="tickLabel" style="position:absolute;text-align:right;top:-6px;right:1034px;width:28px">100%</div></div></div></div>
						</div>
					</div>
					<!-- END DYNAMIC CHART PORTLET-->
					<!-- BEGIN STACK CHART CONTROLS PORTLET-->
					<div class="widget">
						<div class="widget-title">
							<h4><i class="icon-reorder"></i>Stack Chart Controls</h4>
							<span class="tools">								
							<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
							<a href="javascript:;" class="icon-refresh"></a>		
							<a href="javascript:;" class="icon-remove"></a>
							</span>							
						</div>
						<div class="widget-body">
							<div id="chart_5" style="height: 350px; padding: 0px; position: relative;"><canvas class="base" width="1062" height="350"></canvas><canvas class="overlay" width="1062" height="350" style="position: absolute; left: 0px; top: 0px;"></canvas><div class="tickLabels" style="font-size:smaller"><div class="xAxis x1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:center;left:-25px;top:330px;width:88px">0</div><div class="tickLabel" style="position:absolute;text-align:center;left:73px;top:330px;width:88px">1</div><div class="tickLabel" style="position:absolute;text-align:center;left:171px;top:330px;width:88px">2</div><div class="tickLabel" style="position:absolute;text-align:center;left:269px;top:330px;width:88px">3</div><div class="tickLabel" style="position:absolute;text-align:center;left:367px;top:330px;width:88px">4</div><div class="tickLabel" style="position:absolute;text-align:center;left:465px;top:330px;width:88px">5</div><div class="tickLabel" style="position:absolute;text-align:center;left:563px;top:330px;width:88px">6</div><div class="tickLabel" style="position:absolute;text-align:center;left:661px;top:330px;width:88px">7</div><div class="tickLabel" style="position:absolute;text-align:center;left:759px;top:330px;width:88px">8</div><div class="tickLabel" style="position:absolute;text-align:center;left:857px;top:330px;width:88px">9</div><div class="tickLabel" style="position:absolute;text-align:center;left:955px;top:330px;width:88px">10</div></div><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:313px;right:1050px;width:12px">0</div><div class="tickLabel" style="position:absolute;text-align:right;top:273px;right:1050px;width:12px">10</div><div class="tickLabel" style="position:absolute;text-align:right;top:233px;right:1050px;width:12px">20</div><div class="tickLabel" style="position:absolute;text-align:right;top:193px;right:1050px;width:12px">30</div><div class="tickLabel" style="position:absolute;text-align:right;top:154px;right:1050px;width:12px">40</div><div class="tickLabel" style="position:absolute;text-align:right;top:114px;right:1050px;width:12px">50</div><div class="tickLabel" style="position:absolute;text-align:right;top:74px;right:1050px;width:12px">60</div><div class="tickLabel" style="position:absolute;text-align:right;top:34px;right:1050px;width:12px">70</div><div class="tickLabel" style="position:absolute;text-align:right;top:-6px;right:1050px;width:12px">80</div></div></div></div>
							<div class="btn-toolbar">
								<div class="btn-group stackControls">
									<input type="button" class="btn btn-info" value="With stacking">
									<input type="button" class="btn btn-danger" value="Without stacking">
								</div>
								<div class="space5"></div>
								<div class="btn-group graphControls">
									<input type="button" class="btn" value="Bars">
									<input type="button" class="btn" value="Lines">
									<input type="button" class="btn" value="Lines with steps">
								</div>
							</div>
						</div>
					</div>
					<!-- END STACK CHART CONTROLS PORTLET-->
					<!-- BEGIN PIE CHART PORTLET-->
					<div class="row-fluid">
						<div class="span6">
							<div class="widget">
								<div class="widget-title">
									<h4><i class="icon-reorder"></i>Pie Chart</h4>
									<span class="tools">
									<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
									<a href="javascript:;" class="icon-refresh"></a>		
									<a href="javascript:;" class="icon-remove"></a>
									</span>							
								</div>
								<div class="widget-body">
									<div id="graph_1" class="chart" style="padding: 0px; position: relative;"><canvas class="base" width="501" height="300"></canvas><canvas class="overlay" width="501" height="300" style="position: absolute; left: 0px; top: 0px;"></canvas><div class="pieLabelBackground" style="position: absolute; width: 41px; height: 44px; top: 85px; left: 366px; background-color: rgb(237, 194, 64); opacity: 0.8;"> </div><span class="pieLabel" id="pieLabel0" style="position: absolute; top: 85px; left: 366px;"><div style="font-size:8pt;text-align:center;padding:2px;color:white;">Series1<br>40%</div></span><div class="pieLabelBackground" style="position: absolute; width: 41px; height: 44px; top: 250px; left: 157px; background-color: rgb(175, 216, 248); opacity: 0.8;"> </div><span class="pieLabel" id="pieLabel1" style="position: absolute; top: 250px; left: 157px;"><div style="font-size:8pt;text-align:center;padding:2px;color:white;">Series2<br>37%</div></span><div class="pieLabelBackground" style="position: absolute; width: 41px; height: 44px; top: 21px; left: 136px; background-color: rgb(203, 75, 75); opacity: 0.8;"> </div><span class="pieLabel" id="pieLabel2" style="position: absolute; top: 21px; left: 136px;"><div style="font-size:8pt;text-align:center;padding:2px;color:white;">Series3<br>23%</div></span></div>
								</div>
							</div>
							<div class="widget">
								<div class="widget-title">
									<h4><i class="icon-reorder"></i>Pie Chart</h4>
									<span class="tools">
									<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
									<a href="javascript:;" class="icon-refresh"></a>		
									<a href="javascript:;" class="icon-remove"></a>
									</span>							
								</div>
								<div class="widget-body">
									<div id="graph_2" class="chart" style="padding: 0px; position: relative;"><canvas class="base" width="501" height="300"></canvas><canvas class="overlay" width="501" height="300" style="position: absolute; left: 0px; top: 0px;"></canvas><div class="pieLabelBackground" style="position: absolute; width: 41px; height: 44px; top: 94px; left: 337px; background-color: rgb(237, 194, 64); opacity: 0.5;"> </div><span class="pieLabel" id="pieLabel0" style="position: absolute; top: 94px; left: 337px;"><div style="font-size:8pt;text-align:center;padding:2px;color:white;">Series1<br>40%</div></span><div class="pieLabelBackground" style="position: absolute; width: 41px; height: 44px; top: 225px; left: 172px; background-color: rgb(175, 216, 248); opacity: 0.5;"> </div><span class="pieLabel" id="pieLabel1" style="position: absolute; top: 225px; left: 172px;"><div style="font-size:8pt;text-align:center;padding:2px;color:white;">Series2<br>37%</div></span><div class="pieLabelBackground" style="position: absolute; width: 41px; height: 44px; top: 44px; left: 156px; background-color: rgb(203, 75, 75); opacity: 0.5;"> </div><span class="pieLabel" id="pieLabel2" style="position: absolute; top: 44px; left: 156px;"><div style="font-size:8pt;text-align:center;padding:2px;color:white;">Series3<br>23%</div></span></div>
								</div>
							</div>
						</div>
						<div class="span6">
							<div class="widget">
								<div class="widget-title">
									<h4><i class="icon-reorder"></i>Interactive Chart</h4>
									<span class="tools">
									<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
									<a href="javascript:;" class="icon-refresh"></a>		
									<a href="javascript:;" class="icon-remove"></a>
									</span>							
								</div>
								<div class="widget-body">
									<div id="graph_3" class="chart" style="padding: 0px; position: relative;"><canvas class="base" width="501" height="300"></canvas><canvas class="overlay" width="501" height="300" style="position: absolute; left: 0px; top: 0px;"></canvas><div class="legend"><div style="position: absolute; width: 59px; height: 66px; top: 5px; right: 5px; background-color: rgb(255, 255, 255); opacity: 0.85;"> </div><table style="position:absolute;top:5px;right:5px;;font-size:smaller;color:#545454"><tbody><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(237,194,64);overflow:hidden"></div></div></td><td class="legendLabel">Series1</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(175,216,248);overflow:hidden"></div></div></td><td class="legendLabel">Series2</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(203,75,75);overflow:hidden"></div></div></td><td class="legendLabel">Series3</td></tr></tbody></table></div></div>
								</div>
							</div>
							<div class="widget">
								<div class="widget-title">
									<h4><i class="icon-reorder"></i>Donut Chart</h4>
									<span class="tools">
									<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
									<a href="javascript:;" class="icon-refresh"></a>		
									<a href="javascript:;" class="icon-remove"></a>
									</span>							
								</div>
								<div class="widget-body">
									<div id="graph_4" class="chart" style="padding: 0px; position: relative;"><canvas class="base" width="501" height="300"></canvas><canvas class="overlay" width="501" height="300" style="position: absolute; left: 0px; top: 0px;"></canvas><div class="legend"><div style="position: absolute; width: 59px; height: 66px; top: 5px; right: 5px; background-color: rgb(255, 255, 255); opacity: 0.85;"> </div><table style="position:absolute;top:5px;right:5px;;font-size:smaller;color:#545454"><tbody><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(237,194,64);overflow:hidden"></div></div></td><td class="legendLabel">Series1</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(175,216,248);overflow:hidden"></div></div></td><td class="legendLabel">Series2</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(203,75,75);overflow:hidden"></div></div></td><td class="legendLabel">Series3</td></tr></tbody></table></div></div>
								</div>
							</div>
						</div>
					</div>
					<!-- END PIE CHART PORTLET-->
				</div>
				<!-- END PAGE CONTENT-->
			</div>
			<!-- BEGIN PAGE CONTAINER-->		
		</div>
		<!-- END PAGE -->	
	</div>
	<!-- END CONTAINER -->
	<!-- BEGIN FOOTER -->
	<div id="footer">
		2013 © Conquer. Admin Dashboard Template.
		<div class="span pull-right">
			<span class="go-top"><i class="icon-arrow-up"></i></span>
		</div>
	</div>
	<!-- END FOOTER -->
	<!-- BEGIN JAVASCRIPTS -->
	<!-- Load javascripts at bottom, this will reduce page load time -->
	<script type="text/javascript" async="" src="http://stats.g.doubleclick.net/dc.js"></script><script src="js/jquery-1.8.2.min.js"></script>	
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.blockui.js"></script>	
	<!-- ie8 fixes -->
	<!--[if lt IE 9]>
	<script src="js/excanvas.js"></script>
	<script src="js/respond.js"></script>
	<![endif]-->
	<script src="js/jquery.flot.js"></script>
	<script src="js/jquery.flot.resize.js"></script>
	<script src="js/jquery.flot.pie.js"></script>
	<script src="js/jquery.flot.stack.js"></script>
	<script src="js/jquery.flot.crosshair.js"></script>
	<script type="text/javascript" src="js/jquery.uniform.min.js"></script>	
	<script src="js/jquery.fancybox.pack.js"></script>
	<script src="js/app.js"></script>		
	<script>
		jQuery(document).ready(function() {			
			// initiate layout and plugins
			App.init();
		});
	</script>
	<script type="text/javascript">
     var _gaq = _gaq || [];
     _gaq.push(['_setAccount', 'UA-37564768-1']);
     _gaq.push(['_setDomainName', 'keenthemes.com']);
     _gaq.push(['_setAllowLinker', true]);
     _gaq.push(['_trackPageview']);
     (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();
    </script>
	<!-- END JAVASCRIPTS -->

<!-- END BODY -->
</body></html>